<template>
  <div>
    <ConditionSelect
      v-model="value"
      :key-props="{
        value: 'id',
        label: 'name',
      }"
      title="区域："
      :options="options"
      @conditionChange="conditionChange"
    />
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { ConditionSelect } from '..';

const options = [
  { id: '4', name: '广州' },
  { id: '8', name: '杭州' },
];

const value = ref<string>('4');

const conditionChange = (val: string, tar: any) => {
  console.log(val);
  console.log(tar);
};
</script>
